---
title: Svelte
description: Configurație specifică Svelte pentru Ultracite.
---

Configurația Svelte conține setări specifice pentru Svelte. Acesta este un preset minimal, deoarece Biome încă nu are reguli de linting dedicate pentru Svelte, dar include suprapuneri importante pentru a preveni erori false pozitive de linting în fișierele `.svelte`.

## Instalare

Adaugă configurația Svelte în `biome.jsonc`:

```jsonc title="biome.jsonc"
{
  "extends": ["ultracite/core", "ultracite/svelte"]
}
```

## Prezentare generală

Această configurație:

- **Suport HTML**: Activează suportul HTML complet experimental cu indentare pentru script și style
- **Props specifice React**: Semnalează props specifice React precum `className` și `htmlFor`, deoarece Svelte folosește atribute HTML standard (`class` și `for`)
- **Suprapuneri pentru fișiere Svelte**: Reguli relaxate pentru fișiere `.svelte` pentru a gestiona structura componentelor Svelte

## Configurarea formatatorului HTML

Presetul Svelte activează suportul HTML experimental cu formatare specială pentru scripturi și stiluri încorporate:

```jsonc
{
  "html": {
    "experimentalFullSupportEnabled": true,
    "formatter": {
      "indentScriptAndStyle": true
    }
  }
}
```

Această configurație:
- **Suport complet experimental**: Activează capabilitățile experimentale de parsare și formatare HTML ale Biome pentru fișiere `.svelte`
- **Indentare pentru script și style**: Indentează corect codul în interiorul tag-urilor `<script>` și `<style>` din componentele Svelte

## Reguli specifice Svelte

### Suspecte

| Regulă | Setare | Descriere |
|--------|--------|-----------|
| `noReactSpecificProps` | `error` | Interzice props specifice React precum `className` și `htmlFor` în Svelte. Folosește `class` și `for` în schimb. |

## Suprapuneri pentru fișierele Svelte

Următoarele reguli sunt dezactivate pentru fișierele `.svelte` pentru a preveni erori false pozitive din cauza suportului parțial al Biome pentru componentele Svelte:

### Corectitudine

| Regulă | Setare | Descriere |
|--------|--------|-----------|
| `noUnusedVariables` | `off` | Permite variabilele neutilizate în fișierele `.svelte`. Variabilele din secțiunea script pot fi folosite numai în șablon. |
| `noUnusedImports` | `off` | Permite importurile neutilizate în fișierele `.svelte`. Importurile pot fi folosite numai în secțiunea șablon. |

### Stil

| Regulă | Setare | Descriere |
|--------|--------|-----------|
| `useConst` | `off` | Permite declarațiile `let` și `var` în fișierele `.svelte` pentru declarații reactive. |
| `useImportType` | `off` | Dezactivează cerințele explicite privind tipul importului pentru o compatibilitate mai bună cu sistemul de build al Svelte. |